<html>
<head>
    <title>这是一封测试qq是否可以收到的邮件</title><!--网页的title-->
    <meta content="IE=5.0000" http-equiv="X-UA-Compatible"/>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="GENERATOR" content="MSHTML 11.00.9600.17105"/>
    <meta name="viewport" content="width=device-width, initial-scale=1">
   
    <style>
        * {
            margin: 0;
            padding: 0;
        }

        body {
            background: #f5f5f5;
        }

        /*ul,li{
            list-style: none!important;
        }*/
      
       .a1{
      margin-left: 17px;
        }

        .event-header .eh-content {
            height: 70px;
            width: 600px;
        }

        .sc-container {
            width: 100%;
            margin: 0 auto;
        }

        .vertical {
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-grid-row-align: center;
            -ms-flex-align: center;
            align-items: center;
        }

        .event-content {
            width: 600px;
            margin: 0 auto;
        }

        .footer {
            width: 100%;
            background: #f8f8f8
        }

        .footer .footer-wrapper {
            font-size: 14px;
            line-height: 28px;
            padding: 20px 0;
            color: #666;
            text-align: center;
        }

        .footer .footer-wrapper a {
            color: #666;
            cursor: pointer;
        }

        .warm-prompt{
            color: #666;
            font-size: 14px;
            line-height: 40px;
        }
        .warm-prompt a{
            text-decoration: none;
            color: #a01616;
        }
        .title{
            width: 100%;
            font-weight: 500;
            line-height: 50px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            font-size: 25px;
        }

        .wrap{
            width: 100%;
            position: relative;
            background: #fff;
            border: 1px solid #eee;
        }
   
        .wrap .info{
            box-sizing: border-box;
            padding: 24px;
        }
        .wrap li{
            position: relative;
            line-height: 34px;
        }
       
        .content{
            width: 600px;
            position: relative;
            background: #fff;
            border: 1px solid #eee;
            border-top: 0;
            border-radius: 0 0 5px 5px;
            padding: 20px;
            color: #4a4a4a;
            box-sizing: border-box;
        }
        .content p{
            margin-bottom: 16px;
            font-weight: 300;
            line-height: 30px;
        }
        .content a{
            text-decoration: none!important;
            outline: none;
            color: #605f5b;
        }
        .content strong{
            font-weight: 500;
        }
        .content h1{
            line-height: 40px;
            font-size: 22px;
        }
        table{
            width:100%;
            border-collapse:collapse;
            border:1px solid #e0e0e0;
        }
        table td{
            padding: 6px;
        }
        #card{
         width:100%;
         height:62px;
         color:000;
         background-color:#4EAA4C ; //#4EAA4C  #ffff99  #99ff99
         font-family:'黑体';
         }
        #card p{
         color:000; 
         font-size:24px;
         font-family:'黑体';
         text-align:center;
         padding-top:50px;
         }
        .b1{
         width:15px;
         height:62px;
         
        /*background:url(mm.png);*/
         background-color:#fff;
         -webkit-animation:cat 6s infinite;
        }
         @-webkit-keyframes  cat{
 	0%{position:absolute; left:564px;top:20px;}
	 25%{position:absolute; left:20px;top:20px;}
 	50%{position:absolute; left:20px;top:20px;}
 	75%{position:absolute; left:564px;top:20px;}
 	100%{position:absolute;left:564px;top:20px;}
 	}
  
    </style>
</head>
<body>


<div class="event-content">
    <span class="warm-prompt">
        如果邮件中不能正常显示，请<a href="https://www.oschina.net/event/2315139?origin=dx" target="_blank">点击此处查看</a>   
    </span>
    <!--信息-->
     <div class="wrap">
     <div class="info">
                <h2 class=“title">测试</h2><!--正文大标题-->
  </div>    
</div>

    <!--内容-->
    <div class="content">
        <!--这里的内容更改-->
    <p>这是一封测试邮件</p>
    <p>让我瞅瞅qq邮箱收到了没有</p>
   
    </div>
</div>


</body>
</html>